透過Vue CLI的建立，在我們打開專案後，主要會看到三個資料夾及一部分非資料夾區塊。

我們可以先從最主要的src資料夾來看：

src資料夾為專案中最重要的一部分。裡面包含組件、路由、Vuex及Vue實體，所以對於專案來說，這部分很需要好好了解。

• Assets
  包含儲存靜態資料(assets)，通常我們在開發時，都會將圖片、影片等其他檔案存入到這部分。
• components
  對於共用性的部分，在vue的世界中，都會以組件的方式拼裝出來。使我們在維護上非常容易。
• router
  除了控制切換畫面，須了解父子路由、嵌套路由、路由之間如何傳直。
• store
  主要為Vuex重點！！為了達到資料共用性，而不用重複地在每一個頁面上載入資料，Vuex扮演了很重要的地位。
• views
  檔名與組件雖然相同(.vue)，但views存放的是整體頁面資料，而非頁面中，某一區塊資料。
• APP.vue
  此為根模塊，也就類似於我們引用cdn使用vue時，需要加載模板在#app上面，所以此頁面上，只會有一個

<template>
 <div id="app">
   <div id="nav">
     <router-link to="/">Home</router-link> |
     <router-link to="/about">About</router-link>
   </div>
   <router-view/>
 </div>
</template>

• main.js
  為vue的實體。如需要掛載套件，此為全域掛載。

Vue：如果，你已經了解了上述，就讓我們趕快進入明天主題，好好的了解Vue的生命週期吧！

待續......